var prefix = ctx +"module/pickUpRecord/"
$(function() {
    load();
});

function load() {
    layui.use(['form', 'table', 'laydate'], function () {
        var form = layui.form,
            table = layui.table;
        var laydate = layui.laydate;
        //日期范围
        laydate.render({
            elem: '#beginTime',
            type: 'date',
            format: 'yyyy-MM-dd',
            isInitValue: false,
        });
        laydate.render({
            elem: '#endTime',
            type: 'date',
            format: 'yyyy-MM-dd',
            isInitValue: false,
        });


        var searchParams = {};
        searchParams['search_like_realName']=$('#keywords').val();
        searchParams['shopId']=$('#shopId').val();
        searchParams['beginTime'] = $('#beginTime').val();
        searchParams['endTime'] = $('#endTime').val();
        //初始化table
        table.render({
            elem: '#exampleTable',//承载数据的table Id
            url: prefix + "/list",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            where :{
                searchParams:searchParams,
                sorts:{"id":"desc"},
            },
            //page: true,//是否分页
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: [ 'prev', 'page', 'next', 'skip', 'count','limit'] //自定义分页布局
            },
            cols: [[
                // {type:'numbers',title: '序号', width:'5%'},
                {field: 'shopName', title: '所属企业', align: 'center',},
                {field: 'realName', title: '预约人', align: 'center',},
                {field: 'phoneNum', title: '联系方式', align: 'center',},
                {field: 'planDate', title: '预约日期', align: 'center',},
                {field: 'planDate', title: '预约时段', align: 'center',
                    templet: function (item) {
                        return item.beginTime + "~" + item.endTime;
                    },
                },
                {field: 'recordType', title: '预约类型', align: 'center',
                    templet: function (item) {
                        if(item.recordType == 0){
                            return "卸车";
                        }else{
                            return "装车";
                        }
                    },
                },
                {field: 'carNum', title: '车牌号', align: 'center',},
                {field: 'wuLiaoNameStr', title: '物料名称', align: 'center',},
                {field: 'wuLiaoWeightStr', title: '重量(吨)', align: 'center',},
                {field: 'isCancel', title: '是否取消', align: 'center',
                    templet: function (item) {
                        if(item.isCancel == 0){
                            return "未取消";
                        }else if(item.isCancel == 1){
                            return "已取消";
                        }
                    },
                },
                {field: 'createTime', title: '申请时间', align: 'center',},
                {title: '操作', templet: '#currentTableBar', fixed: "right", align: "center", width:'200'}
            ]],
            id: 'currentTableId',//表格Id
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(currentTableFilter)', function (obj) {
            if (obj.event === 'edit') {  // 监听添加操作
                edit(obj.data.id);
            } else if (obj.event === 'delete') {  // 监听删除操作
                remove(obj.data.id);
            } else if (obj.event === 'cancel') {  // 监听删除操作
                cancel(obj.data.id);
            }
        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
            reLoad();
            return false;
        });

        /**
         * 工具栏  监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add();
            } else if(obj.event === 'export'){
                exportRecord();
            }
        });
    });
}
function reLoad() {
    var searchParams = {};
    searchParams['search_like_realName']=$('#keywords').val();
    searchParams['shopId']=$('#shopId').val();
    searchParams['beginTime'] = $('#beginTime').val();
    searchParams['endTime'] = $('#endTime').val();

    layui.use(['table'], function() {
        var table = layui.table;//载入table模块

        var  page = $(".layui-laypage-skip").find("input").val() //当前页码值
        console.log('page',page)
        table.reload('currentTableId', {
            page: {curr: page}
            , where: {
                searchParams: searchParams
            }
        }, 'data');
    });
}


function exportRecord() {
    var shopId = $("#shopId").val();
    var begin_date = $("#beginTime").val();
    var end_date = $("#endTime").val();
    var realName = $("#keywords").val();

    window.location.href = ctx + 'module/pickUpRecord/exportExcel?shopId='
        + shopId + '&begin_date='+begin_date+'&end_date=' + end_date + '&realName=' + realName;
}

function add() {
    var index = layer.open({
        type : 2,
        title : '增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '420px' ],
        content : prefix + '/add' // iframe的url
    });
}


function edit(id) {
    var index = layer.open({
        type : 2,
        title : '编辑',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '620px' ],
        content : prefix + '/edit/' + id // iframe的url
    });

}
function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}

function cancel(id) {
    layer.confirm('确定要取消预约吗？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/cancel",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}
